<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="browsermode" content="application" />
    <meta name="x5-page-mode" content="app" />
    <title>我的</title>
    <meta charset="utf-8" />
    <link href="../css/main.css?rev=@@hash" rel="stylesheet" />
    <style>
        body{
            width: 100%;
            position: relative;
            background: #F1F4F4;
        }
        .cells {
            /*margin-top: .2rem;*/
        }
        .cells_title {
            margin: 0;
            padding: .12rem .4rem;
            font-size: .16rem;
            height: .22rem;
            color: rgb(68,74,89);
        }
        .cells_title a {
            display: block;
            float: left;
            font-size: .16rem;
            height: .22rem;
            font-weight: 700;
        }
        .cells_title span {
            display: block;
            float: left;
            font-size: .13rem;
            height: .22rem;
            line-height: .22rem;
            margin-left: .2rem;
            color: rgb(136,136,136)
        }

        .operatorContent {
            width: 100%;
            background: #f9f9f9;
            overflow: hidden;
            position: absolute;
            bottom: 0.2rem;
        }
        .txt {
			text-align: right;
        }

        .getCode {
            color: red;
            font-size: .12rem;
        }
        .cell_ft img {
            display: block;;
            width: .2rem;
            height: .1rem;
        }
        .tip {
            line-height: .2rem;
            height: .2rem;
            overflow: hidden;
            margin: .2rem .4rem;
        }
        .tip span{
            display: block;
            float: left;
            font-size: .12rem;
            line-height: .2rem;
            height: .2rem;
        }
        .tip i {
            display: block;
            width: .12rem;
            height: .12rem;
            margin: 0.02rem .04rem;
            float: left;
        }
        .tip i img {
            width: 100%;
        }
        .cells_tips {
            margin: 0.05rem .4rem;
            font-size: .12rem;
        }
        .cells_tips a {
            color: red;
        }
        .confirmBtn {
            position: absolute;
            bottom: .48rem;
        }
        .submitBtn {
            position: static;
            margin: 0 .36rem;
        }

        .walletContain img {
            width: 100%;
        }
        .customerService {
            text-align: center;
            font-size: .14rem;
            color: #2AD2C8;
            padding: 0;
        }
        .workTime {
            text-align: center;
            font-size: .12rem;
        }
        .containList img{
            margin-top: .18rem;
            margin-right: -.05rem;
        }
        #waitingNum {
            color: #F03228;
        }
        .bannerImg {
            height: 1.2rem;
            background-color: #2DB681;
            background-image: url(../img/topBg.png);
            background-repeat: no-repeat;
            background-position: right;
            background-size: 50% 100%;
            padding-left: .22rem;
            padding-top: .2rem;
        }
        .bannerImg span {
            display: block;
            height: .3rem;
            line-height: .3rem;
            font-size: .12rem;
            color: white;
        }

        .bannerImg a {
            color: white;
            display: block;
            height: .3rem;
            line-height: .3rem;
            font-size: .25rem;
            font-weight: bold;
        }
        .downLoadBar {
            height: .4rem;
            width: 100%;
            position: relative;
            overflow: hidden;
            font-size: .25rem;
            color: white;
            text-align: center;
            background-color: #2AD2C8;
        }
        .downLoadBar img {
            width: 110%;
            position: absolute;
            top: 0;
            left: -5%;
        }
        .walletItem{
            display: block;
            height: .6rem;
            line-height: .6rem;
            margin: 0 .16rem;
            border-bottom:1px solid #DDE6E5;
        }
        .itemName,.itemTips,.rightArrow{
            display: inline-block;
            float: left;
        }
        .itemTips1{
        	padding-left: .05rem;
        	color: #000!important;
        }
        .itemName{
            font-size: .15rem;
            font-weight: bold;
            color: #222423;
        }
        img.rightArrow{
            width: .24rem;
            height: .24rem;
            float: right;
        }
        .itemTips{
            float: right;
            height: .6rem;
            line-height: .6rem;
            font-size: .12rem;
            color: #A7ADAB;
        }
        #loginOut{
		    display: block;
		    width: 3.43rem;
		    height: .45rem;
		    line-height: .45rem;
		    text-align: center;
		    color: #fff;
		    font-size: .15rem;
		    background: #1EB97E;
		    border-radius: .25rem;
		    box-shadow: 0 0.03rem 0.06rem #AEDEC6;
		    position: absolute;
		    left: 50%;
		    bottom: -25%;
		    transform: translate(-50%,-50%);
        }
        .tab_bar{
            height: .48rem;
        }
        .tab_bar>footer>a>img {
            height: .25rem;
            margin: .03rem auto 0;
        }
        .tab_bar>footer>a {
            text-align: center;
            font-size: .12rem;
            color: #B9BEC8;
        }
        .tab_bar>footer>a:nth-child(2) {
            color: #36AE80;
        }
        .scal {
            transform: scale(0.8);
            -webkit-transform: scale(0.8);
        }
        .repeat{
            height: .3rem;
            background: url(../img/topBgC.png) no-repeat 0px -1px;
            background-size: 100%;
        }
    </style>
</head>
<body>
    <!-- <div class="downLoadBar">下载APP</div> -->
    <div class="walletContain">
        <div class="bannerImg">
            <span>账号</span>
            <a id="mobileNumber"></a>
            <span>您好，欢迎您</span>
        </div>
<!--         <div class="containList"><a href="../trust/identification.html?from=myWallet"><img src="../images/walletCheck.png" alt=""></a></div> -->
<!--         <div class="containList"><a href="../help/helpcenter.html"><img src="../images/walletHelp.png" alt=""></a></div> -->
        <div class="repeat"></div>
        <div class="containList">
            <a class="walletItem" href="../trust/applyRecord.html">
                    <span class="itemName">申请记录</span>
                    <img class="rightArrow" src="../img/rightArrow.png" />
                    <span id="waitingNum" class="itemTips"></span>
            </a>
        </div>   
        <div class="containList">
            <a class="walletItem" href="resetBankCard.html">
                    <span class="itemName">我的银行卡</span>
                    <img class="rightArrow" src="../img/rightArrow.png" />
                    <span id="" class="itemTips"></span>
            </a>
        </div> 
        <div class="containList">
                <a class="walletItem" id="callTel">
                        <span class="itemName">客服热线</span>
                        <img class="rightArrow" src="../img/rightArrow.png" />
                        <span  class="itemTips itemTips1"></span>
                        <span  class="itemTips">周一至周五：09:00~12:00/14:00~18:00</span>
                </a>
        </div>   
        <div class="containList">
                <a class="walletItem" href="../help/feedback.html">
                        <span class="itemName">意见反馈</span>
                        <img class="rightArrow" src="../img/rightArrow.png" />
                        <span  class="itemTips"></span>
                </a>
        </div>                       
    </div>
    <div class="containList">
            <a id="loginOut">
                退出登录
            </a>
    </div> 
    <div class="tab_bar">
        <footer>
            <a href="../index.html"><img src="../img/walletBefor.png"><div class="scal">钱包</div></a>
<!--             <a href="../trust/speedCard.html"><img src="../images/qianbao.png"></a>
            <a href="../trust/identification.html"><img src="../images/renzheng.png"></a> -->
            <a href="#"><img src="../img/myAfter.png"><div class="scal">我的</div></a>
        </footer>   
    </div>
    <!-- 脚本 -->
    <script src="../lib/zepto.min.js?rev=@@hash"></script>
    <script src="../js/main.js?rev=@@hash"></script>
    <script>
           (function(global,userUtil,layer){       
               //if(userUtil.sid() && userUtil.userID()){    //登录状态
                   userUtil.ajax({
                       url: global.localUrl+ 'wallet/user/userInfo',
                       data:{},
                       done:function(re){
                           // layer.hideLoad();
                           $('#mobileNumber').html(re.data.mobileNumber);
                           if(re.data.status == 1){
                               $('#waitingNum').removeClass('hide');
                               $('#waitingNum').html('待还'+re.data.refundAmount+'元');
                           }
                       }
                   })
//             }else{
//                 window.location.href="../user/login.html";
//             }

                /* 浏览器判断*/
               var browserObj = function () {
                   var u = navigator.userAgent;
                   return {
                       trident: u.indexOf('Trident') > -1, //IE内核
                       presto: u.indexOf('Presto') > -1, //opera内核
                       webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                       gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
                       mobile: u.indexOf('Mobile') > -1, //是否为移动终端
                       ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                       android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端
                       iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                       iPad: u.indexOf('iPad') > -1, //是否iPad
                       webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
                       weixin: u.indexOf('MicroMessenger') > -1, //是否微信
                       qq: u.indexOf("QQBrowser") > -1, //是否QQ浏览器
                       mobile_qq: u.indexOf("MQQBrowser") > -1, //是否是手机QQ浏览器
                       uc: u.indexOf("UCBrowser") > -1, //是否是uc浏览器
                       baidu: u.indexOf("Baidu") > -1, //是否是百度浏览器
                       firefox: u.indexOf("Firefox") > -1, //是否是火狐浏览器
                       lieBao: u.indexOf("LieBao") > -1, //是否是猎豹浏览器
                       sogou: u.indexOf("SogouMobile") > -1, //是否是搜狗手机浏览器
                       wkqb:u.indexOf("wkqb") > -1
                   };
               };
               var browser = browserObj();
               //APP内隐藏
               if(browser.wkqb){
                   $(".downLoadBar").css({"display":"none"})
               }
               $(".downLoadBar").click(function(){
                   window.location.href=global.localUrl+"downLoad.html"
               })
               //退出登录
               $('#loginOut').on('click',function(){
                   var $this = $(this);
                   var _data =  {
                       sessionId: userUtil.sid(),
                       ss: new Date().getMilliseconds()
                   };
                   layer.showLoad();
                   $.ajax({
                       url: global.localUrl + "wallet/user/logout",
                       type: "post",
                       data: JSON.stringify(_data),
                       contentType: 'application/json;charset=utf-8',
                       success: function (re) {
                           layer.hideLoad();
                           if (1 == re.code) {
                               layer.tips('退出登录');
                               userUtil.sid('');
                               userUtil.userID('');
                               userUtil.mobile('');
                               sessionStorage.removeItem('isOverdue');
                               window.location.href="../index.html";
                           } else {
                               layer.tips(re.message);
                           }
                       },
                       error: function () {
                           $('.layer_mask').removeClass('on');
                           layer.tips(global.netError);
                       }
                   });
               })
                $("#callTel").on('click',function(){
					var u = navigator.userAgent;
					var ios = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
					var android = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端	
					if(ios){
						$(this).attr("href","tel:4001060216");
						//jsBridgess.kefuTel();
					}else if(android){
						jsBridgess.kefuTel();
					}
                })
            //拨打客服电话与app交互
            var jsBridgess = (function () {   

                function connectWebViewJavascriptBridge(callback) {
                    if (window.WebViewJavascriptBridge) {
                        callback(WebViewJavascriptBridge);
                    } else {
                        document.addEventListener('WebViewJavascriptBridgeReady', function () {
                            callback(WebViewJavascriptBridge);
                        }, false)
                    }
                }
                return {
                    init: function (fn) {
                        connectWebViewJavascriptBridge(function (WebViewJavascriptBridge) {
                            WebViewJavascriptBridge.init(function (message, responseCallback) {

                            });

                            fn && fn();

                        })
                    },    
                    kefuTel: function (callback) {
                        WebViewJavascriptBridge.callHandler('kefuTel', {"tel":"4001060216"}, function (response) { callback(response); });
                    },
                }
            })();                
           })(global,userUtil,layer)
    </script>
</body>
</html>